<template>
    <view
        class="container-c"
        :style="{ paddingLeft: padding, borderRightWidth: padding }"
    >
        <slot></slot>
    </view>
</template>
<script setup lang="ts">
defineExpose()
defineProps({
    padding: {
        type: String,
        default: '30rpx'
    }
})
</script>
<style scoped>
.container-c::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

.container-c {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    position: relative;
}

.container-c::after {
    content: '';
    display: block;
    border-right: solid transparent;
}
</style>
